<div ng-controller="addApartmentController">
    <div class="apart-title-box">
        <div class="apart-title-info">
            房源基本信息
        </div>
        <div class="base-center-top-content">
            <div style="width: 600px;margin: auto;">

            <div class="base-center-row-content">
                <div class="base-title">
                    社区：
                </div>
                <select class="input-info  pro-write-base-backimg"
                        ng-model="additionalApartInfo.community"
                        ng-change="setupCommunity(additionalApartInfo.community)"
                        ng-options="community.name for community in communityList">
                    <option  ng-show="false" disabled="disabled" value=''>请选择</option>
                </select>
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    楼栋编号：
                </div>
                <input class="input-info" type="text" ng-model="additionalApartInfo.buildingId">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    楼栋名称：
                </div>
                <input class="input-info" type="text" ng-model="additionalApartInfo.buildingName">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源名称：
                </div>
                <input class="input-info" type="text" ng-model="additionalApartInfo.name" placeholder="如：1102-主卧">
            </div>

            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源价格：
                </div>
                <input class="input-info" type="number" ng-model="additionalApartInfo.price">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源面积：
                </div>
                <input class="input-info" type="text" ng-model="additionalApartInfo.area">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源所在地：
                </div>
                <select class="pro-write-base-text-sel  pro-write-base-backimg pro-write-base-backimg-short"
                        ng-model="additionalApartInfo.province"
                        ng-change="setupProvince(additionalApartInfo.province)"
                        ng-options="province.provinceName for province in citys.province">
                    <option  ng-show="false" disabled="disabled" value=''>请选择</option>
                </select>
                <select class="pro-write-base-text-sel  pro-write-base-backimg pro-write-base-backimg-short" ng-model="additionalApartInfo.city"
                        ng-change="setupCity(additionalApartInfo.city)"
                        ng-options="city.cityName for city in citysModel">
                    <option  ng-show="false" disabled="disabled" value=''> 请选择 </option>
                </select>
                <select class="pro-write-base-text-sel  pro-write-base-backimg pro-write-base-backimg-short" ng-model="additionalApartInfo.district"
                        ng-change="setupDistrict(additionalApartInfo.district)"
                        ng-options="district.districtName for district in districtModel">
                    <option  ng-show="false" disabled="disabled" value=''> 请选择 </option>
                </select>
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源地址：
                </div>
                <input class="pro-write-base-text-sel-a  pro-write-base-backimg-a pro-write-base-backimg-short-a" ng-model="additionalApartInfo.address" placeholder="如:北京市朝阳区北苑路媒体村1号楼">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    周边地铁：
                </div>

                <input class="pro-write-base-text-sel-d pro-write-base-backimg-d pro-write-base-backimg-short-d" ng-model="subwayLine"   placeholder="如：1号线">
                <input class="pro-write-base-text-sel-d pro-write-base-backimg-d pro-write-base-backimg-short-d" ng-model="subwayStation"   placeholder="如：王府井站">

            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    交通距离：
                </div>
                <input class="input-info" type="text" ng-model="additionalApartInfo.subwayDistance" placeholder="如：距王府井站100米">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源户型：
                </div>
                <input class="input-info" type="text" value="请选择" ng-model="additionalApartInfo.type">
            </div>
            <div class="base-center-row-content-h">
                <div class="base-title">
                    房源楼层：
                </div>
                <input class="input-info" type="text" ng-model="buildFloor" placeholder="如：1/3层">
            </div>
            <div class="base-center-row-content-l" id="tagsInfo">
                <span class="base-title tag-info">
                    房源标签：
                </span>
                <div class="pro-write-label-box-t">
                    <span class="label-list-f" >十分钟地铁</span><span class="label-list-s">独卫</span><span class="label-list-f">集体供暖</span><span class="label-list-f">独立阳台</span>
                </div>
                <div class="pro-write-label-box-b">
                    <span class="label-list-f">独立供暖</span><span class="label-list-f">智能设备</span>
                </div>
            </div>
            <div class="base-center-row-content-img">
                <div class="base-title img-app">
                    房源图片：
                </div>

                <div class="pro-write-picture" style="    position: relative;left: 276px;">
                    <div class="pro-write-arrow" ng-click="to_left_image_container()">
                        <span  class="fa fa-angle-left fa-3x pro-arrow"></span>
                    </div>
                    <div class="base-center-row-content-img-h">
                        <div class="pro-write-picture">
                            <div id='imageContainer' class="pro-write-picture-content"
                                 ng-class="{true: 'pro-write-picture-right'}[upload.pictures.length >= 3]">
                                <div ng-repeat="number in [1, 2 ,3 ,4 ,5]" class="pro-write-pictures">
                                    <div class="pro-write-pictures-content" id="proPicture{{number}}">
                                        <input onchange='angular.element(this).scope().uploadApartmentPictures(this)'
                                               ng-show="upload.pictures.length + 1 >= number" type="file"
                                               accept="image/png,image/gif"
                                               class="pro-logo-file">
                                        <img ng-show="upload.pictures.length + 1 >= number"
                                             class="pro-logo-plus-img"
                                             ng-src="{{upload.pictures  >= number ? upload.pictures[number-1]:'img/apament/plus.png'}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pro-write-arrow-l" ng-click="to_right_image_container()">
                        <span class="fa fa-angle-right fa-3x pro-arrow"></span>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="apart-title-info">
            房源设备信息
        </div>
        <div class="base-center-bottom-content">
            <div style="width: 600px;margin: auto;">

            <div class="pro-equip-info-box">
                <div class="base-title-l">
                    房源周边：
                </div>
                <textarea class="input-content" ng-model="additionalApartInfo.around"></textarea>
            </div>
            <div class="pro-equip-info-box-l">
                <div class="base-title-l">
                    房源交通：
                </div>
                <textarea class="input-content" ng-model="additionalApartInfo.traffic"></textarea>
            </div>
            <div class="pro-equip-info-box-r" id="facilities">
                <span class="base-title tag-info" >
                    房源配置：
                </span>
                    <div class="pro-write-label-box-t" >
                        <div class="label-list-e"  >床</div><div class="label-list-e">书柜</div><div class="label-list-e">书桌</div><div class="label-list-e">Wi-Fi</div><div class="label-list-e">洗衣机</div>
                    </div>
                    <div class="pro-write-label-box-b" id="text2">
                        <div class="label-list-e">热水器</div><div class="label-list-e">空调</div><div class="label-list-e">微波炉</div><div class="label-list-e">智能锁</div>
                    </div>
                </div>
            <div class="btn-contain">
                <button class="button-sty" value="" ng-click="submitAddApartinfo(additionalApartInfo)">创建</button>
            </div>

        </div>
        </div>
    </div>
</div>